import React, { Component } from 'react'
import './less/tech-card.less'

class TechCard extends Component {
  constructor(props) {
    super(props)
  }

  render() {
    return (
      <div className="tech-card grid-box">
        <a href={this.props.link} className="tech-box">
          <div className="tech-card-top">
            <i className="iconfont icon-star"></i>
            <i className="iconfont icon-share"></i>
          </div>
          <div
            className="tech-card-body"
            style={{
              background: `#fff url(${this.props.bg}) no-repeat center center / cover`
            }}
          ></div>
          <div className="tech-card-foot">
            <h3>{this.props.title}</h3>
            <p>{this.props.desc}</p>
          </div>
        </a>
      </div>
    )
  }
}

export default TechCard
